<html>
    <head>
        <title>Ecommer</title>
        <meta charset="utf-8" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/easySlider1.7.js"></script>
        <script>
            $(function(){
                $('#main-menu li a').last().css({
                    'border-right':'none'
                })
            })
            $(function(){
                $('#slide').easySlider({
                    auto: true,
                    continuous: true
                })
            })
            $(function(){
                $('.product-img').click(function(){
                    $('#opacity').css({
                        'display':'block'
                    })
                    $('.product-show').css({
                        'display':'block'
                    })
                    .animate({
                        'opacity':'1'
                    },500)
                })
                $('#opacity').click(function(){
                    $(this).css({
                        'display':'none'
                    })
                    $('.product-show').css({
                        'display':'none'
                    })
                })
            })
        </script>
    </head>
    <body>
        <div id="opacity"></div>
            <div class="product-show">
                <img class="lager-img" src="images/product/1.jpg" />
                <ul></ul>
                <p class="product-show-info">Thông Tin Sản Phẩm</p>
            </div>
        <div id="outer">
            <div id="wraper">   
                <div id="header">
                    <div class="height47"></div>   
                    <a href="#" id="logo"></a>
                    <div id="shopping-cart">
                        <span class="text1-1">SHOPPING CART :</span>
                        <span class="cart-status">Empty</span>
                        <span class="view-cart">view cart</span>
                    </div>
                    <div class="height6"></div>
                    <ul id="main-menu">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">News</a></li>
                        <li><a href="#">Specials</a></li>
                        <li><a href="#">All Product</a></li>
                        <li><a href="#">FAQS</a></li>
                        <li><a href="#">Contact us</a></li>
                        <div id="wrap-seach">
                            <input type="text" id="seach" />
                            <div id="icon1"></div>
                        </div>
                    </ul><!--end main-menu-->
                </div><!--end header-->
                <div id="banner">
                <!-- bat dau sile show-->
                    <div id="slide">
                        <ul>
                            <li><img src="images/slide/1.jpg" /></li>
                            <li><img src="images/slide/2.jpg" /></li>
                            <li><img src="images/slide/3.jpg" /></li>
                            <li><img src="images/slide/4.jpg" /></li>
                            <li><img src="images/slide/5.jpg" /></li>
                            <li><img src="images/slide/6.jpg" /></li>
                            <li><img src="images/slide/7.jpg" /></li>
                            <li><img src="images/slide/8.jpg" /></li>
                        </ul>
                    </div>
                    
                <!--ket thuc slide show-->
                </div><!--end banner-->
                <div id="content">
                    <div id="content-left">
                        <div id="block1" class="block-style1">
                            <p class="title-style1">CATEGORIES</p>
                            <ul id="menu-left">
                                <li>
                                    <a href="#">Living</a>
                                    <ul>
                                        <li><a href="#">Sofas</a></li>
                                        <li><a href="#">Sleeper Sofas</a></li>
                                        <li><a href="#">Lounge Chairs</a></li>
                                        <li><a href="#">Side Tables</a></li>
                                        <li><a href="#">Ottomans</a></li>
                                    </ul>
                                    <li><a href="#">Dining</a></li>
                                    <li><a href="#">Bedroom</a></li>
                                    <li><a href="#">Neo classical</a></li>
                                    <li><a href="#">Patio</a></li>
                                    <li><a href="#">Accessories</a></li>
                                    <li><a href="#">KMP Exclusives</a></li>
                                    <li><a href="#">Storage</a></li>
                                    <li><a href="#">Lighting</a></li>
                                    <li><a href="#">Kids's Furniture</a></li>
                                </li>
                            </ul><!--end menu-left-->
                        </div>
                        
                    </div><!--end content-left-->
                    <div id="content-right" class="block-style1">
                        <p class="title-style1  ">FEATURED PRODUCTS</p>
                        <div id="main-content">
                            <div class="wrap-product" id="product1">
                                <div class="product-img"></div>
                                <div class="clear"></div>
                                <p class="product-name">Ghế Sopha sán xuất tại việt Nam </p>
                                <span class="product-price">22.800.000 VNĐ</span>
                            </div><!--end wrap-product-->
                            <div class="wrap-product" id="product1">
                                <div class="product-img"></div>
                                <div class="clear"></div>
                                <p class="product-name">Product Name</p>
                                <span class="product-price">22.800.000 VNĐ</span>
                            </div><!--end wrap-product-->
                            <div class="wrap-product" id="product1">
                                <div class="product-img"></div>
                                <div class="clear"></div>
                                <p class="product-name">Product Name</p>
                                <span class="product-price">22.800.000 VNĐ</span>
                            </div><!--end wrap-product-->
                            <div class="wrap-product" id="product1">
                                <div class="product-img"></div>
                                <div class="clear"></div>
                                <p class="product-name">Product Name</p>
                                <span class="product-price">22.800.000 VNĐ</span>
                            </div><!--end wrap-product-->
                            
                            <div class="wrap-product" id="product1">
                                <div class="product-img"></div>
                                <div class="clear"></div>
                                <p class="product-name">Product Name</p>
                                <span class="product-price">22.800.000 VNĐ</span>
                            </div><!--end wrap-product-->
                            <div class="wrap-product" id="product1">
                                <div class="product-img"></div>
                                <div class="clear"></div>
                                <p class="product-name">Product Name</p>
                                <span class="product-price">22.800.000 VNĐ</span>
                            </div><!--end wrap-product-->
                            <div class="wrap-product" id="product1">
                                <div class="product-img"></div>
                                <div class="clear"></div>
                                <p class="product-name">Product Name</p>
                                <span class="product-price">22.800.000 VNĐ</span>
                            </div><!--end wrap-product-->
                            <div class="wrap-product" id="product1">
                                <div class="product-img"></div>
                                <div class="clear"></div>
                                <p class="product-name">Product Name</p>
                                <span class="product-price">22.800.000 VNĐ</span>
                            </div><!--end wrap-product-->
                        </div>
                    </div><!--end content-right-->
                </div><!--end content-->
            </div><!--end wraper-->
        </div><!--end outer-->
            
    </body>

</html>